{% extends "base/base.html" %}
{% load i18n %}
{% block title %}{% trans 'Lista de Vacantes' %}{% endblock %}
{% comment %} Pantalla de inicio del Panel de control de empresas {% endcomment %}
{% block page-header %}
    {% if status.codename == 'active' %}
        {% trans 'Vacantes Activas' %}
    {% elif status.codename == 'inactive' %}
        {% trans 'Vacantes Inactivas' %}
    {% elif status.codename == 'programmed' %}
        {% trans 'Vacantes Programadas' %}
    {% elif status.codename == 'finalized' %}
        {% trans 'Vacantes Finalizadas' %}
    {% elif status.codename == 'removed' %}
        {% trans 'Vacantes Eliminadas' %}
    {% endif %}
{% endblock %}
{% block content %}

{% if vacancies %}
    {% for vacancy in vacancies %}
        <div class="thumbnail">
        <p>Puesto: {{ vacancy.employment }}</p>
        <p>Area: {% if vacancy.area %}{{ vacancy.area }}{% else %}Todas{% endif %}</p>
        <p>Industria: {% if vacancy.industry %}{{ vacancy.industry }}{% else %}Todas{% endif %}</p>
        <p>Género: {{ vacancy.gender }}</p>
        <p>Experiencia: {{ vacancy.employmentExperience }}</p>
        <p>Descripción: {{ vacancy.description }}</p>
        <p>Tipo de empleo: {{ vacancy.employmentType }}</p>
        <p>Sueldo: {% if vacancy.salaryType.codename == 'fixed' %}$ {{ vacancy.salary }}{% else %}{{ vacancy.salaryType }}{% endif %}</p>
{#        <p>Sueldo: {{ vacancy.salary }}</p>#}
        <p>Estado: {{ vacancy.state }}</p>
        <p>Municipio: {{ vacancy.municipal }}</p>
        <p>Inicio de publicación: {{ vacancy.pub_date }}</p>
        <p>Fin de publicación: {{ vacancy.end_date }}</p>
        <p>Estatus: {{ vacancy.status }}</p>
        {% if status.codename != 'removed'%}
            {% if status.codename != 'active'%}
                {% if status.codename != 'finalized'%}
                    <p>
                        <a href="{% url 'companies_update_vacancy' vacancy.id %}" class="btn btn-primary">Modificar</a>
                        <a href="#deactivateVacancyModal{{ vacancy.id }}" role="button" class="btn btn-danger" data-toggle="modal">Eliminar</a>
                        <!-- Modal -->
                        <div id="deactivateVacancyModal{{ vacancy.id }}" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                          <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                            <h3 id="myModalLabel">Confirmación</h3>
                          </div>
                          <div class="modal-body">
                            <p>¿Desea elimininar la vacante: {{ vacancy.employment }} ?</p>
                          </div>
                          <div class="modal-footer">
                            <a href="{% url 'companies_deactivate_vacancy' vacancy.id %}" class="btn btn-danger">Eliminar</a>
                            <button class="btn" data-dismiss="modal" aria-hidden="true">Cancelar</button>
                          </div>
                        </div>
                    </p>
                {% endif %}
            {% endif %}
        {% endif %}
        {% if status.codename == 'removed' or status.codename == 'finalized' %}
            <p>


                <a href="#republishVacancyModal{{ vacancy.id }}" role="button" class="btn btn-info" data-toggle="modal">Re-Publicar</a>
                        <!-- Modal -->
                <div id="republishVacancyModal{{ vacancy.id }}" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                  <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h3 id="myModalLabel">Confirmación</h3>
                  </div>
                  <div class="modal-body">
                    <p>¿Desea publicar nuevamente la vacante: {{ vacancy.employment }} ?</p>
                  </div>
                  <div class="modal-footer">
                    <a href="{% url 'companies_republish_vacancy' vacancy.id %}" class="btn btn-primary">Re-Publicar</a>
                    <button class="btn" data-dismiss="modal" aria-hidden="true">Cancelar</button>
                  </div>
                </div>


            </p>
        {% endif %}
{#        {% if status.codename == 'finalized' %}#}
{#            <p>#}
{#                <a href="{% url 'companies_update_vacancy' vacancy.id %}" class="btn btn-primary">Re-Publicar</a>#}
{#            </p>#}
{#        {% endif %}#}
        </div>
    {% endfor %}
{% else %}
    No hay vacantes que mostrar.
{% endif %}
<!-- Content ends -->

{% endblock %}